<template>
  <div class="place">
        <div class="headers">
            <div class="headerNav clearfix">
                <span class="search"> <img src="../images/mainOne/finding/dxj.png"> </span>
                <span class="beauty_recommend active">我发起的</span>
                <span class="learning_beauty">我参与的</span>
                <span class="photo"><img src="../images/mainOne/guidePage/icon_yingdai_01.png"> </span>
            </div>
        </div>
  </div>
</template>
<script>
export default {
  name :"head",
  data(){
      return{
          head_nav_flag:true
      }
  }
}
</script>

<style lang='less' scoped>
@pub_main_bgcolor :#ff406f;
    .place{
        height: 100/75rem;
    }
    .headers{
        width: 100%;
        background: @pub_main_bgcolor;
        height: 100/75rem;
        padding-top: 30/75rem;
            .headerNav{
            font-size: 36/75rem;
            color: #fff;
                img{
                display: inline-block;
                height: 46/75rem;
                width: 46/75rem;
            }
            .search{
                 margin-left: 22/75rem;
            }
            .beauty_recommend{
                margin-left: 80/75rem;
                display: inline-block;
                padding: 5px 10px;
            }
             .learning_beauty{
                margin-left: 135/75rem;
            }
            .photo{
                 float: right;
                margin-right: 22/75rem;
            }
            .active{
                border-bottom: 4/75rem solid #fff;
            }
        }
    }
</style>

